<!DOCTYPE html>
<html lang="{% firstof LANGUAGE_CODE 'en' %}">
<head>
		<meta charset="utf-8" />
		<title>III Jornadas Dolor pediátrico</title>
		
		<link rel="stylesheet" href="/media/css/style.css" type="text/css" />
		{% block css %}{% endblock %}

		<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<!--[if lt IE 9]>
		<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
		<![endif]-->
		<!--[if lt IE 7]>
			<link rel="stylesheet" type="text/css" media="all" href="/media/ie6.css"/>
		<![endif]-->
		
		{% block preJQuery %}{% endblock %}
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
		<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
		{% block postJQuery %}{% endblock %}
		
<script type="text/javascript">	
$(document).ready(function() {
	var h = Math.max($("#content aside.side-menu").height(),$("#content section.hfeed").height());
	$("#content aside.side-menu").height(h);
	$("#content section.hfeed").height(h);
 });
</script>

{%block JSBlock %} {% endblock %}
</head>

<body id="{% firstof body_id 'body' %}" class="{% firstof body_class 'jornades' %}">
	
<header id="header" class="body">
	<div id="logo">
		<!-- <a href="#"><img src="images/logo.gif" alt="Logo"></a> -->
		<hgroup>
			<h1><a href="#">III Jornadas Internacionales sobre Dolor Infantil</a></h1>
			<h2>
				<span>3, 4 y 5 de Noviembre de 2011</span>
				<!--
				<span style="display:inline-block;float:right;">La realidad es la suma de todos los puntos de vista</span>
				<span style="display:inline-block;float:right;">J.Ortega y Gasset (1883-1955)</span>
				-->
			</h2>
		</hgroup>
	</div>
	{% include "blocks/nav_menu.html" %}
</header><!-- /#header -->


<div id="content">
	<section class="hfeed">	
		{% block top_asides %}{% endblock %}
		{% block articles %}{% endblock %}
	</section>
	
	<aside class="side-menu">
		<div class="social">
			<h2>social</h2>
			<ul>
				<li><a href="http://facebook.com/dolorinfantil11" rel="me">facebook</a></li>
				<li><a href="http://twitter.com/dolorinfantil11" rel="me">twitter</a></li>
			</ul>
		</div><!-- /.social -->
		
		{% block side_menu %}{% endblock %}
		
		<div class="side-menu-box">
			<h2>Fechas importantes</h2>
			<ul>
				<li><p><strong>9 Septiembre</strong>: fin de presentación de pósters</p></li>
				<li><p><strong>9 Septiembre</strong>: fin de presentación para los premios</p></li>
				<li><p><strong>16 Septiembre</strong>: fin 1ª inscripción de matrícula</p></li>
				<li><p><strong>3 Noviembre</strong>: fin de 2ª inscripción de matrícula</p></li>
			</ul>
		</div>
	
	</aside>
	<div style="clear:both;"></div>
</div>

<footer id="contentinfo" class="body">
	<section id="organization">
		<hgroup>
			<h1><a href="#">Jornadas sobre el dolor pediátrico</a></h1>
			<h4>Comité organizador</h4>
		</hgroup>
		<ul class="img-list">
			<li>
				<figure>
					<img src="http://farm6.static.flickr.com/5018/5576505500_0147beebab_t.jpg" alt="Jordi Miró" />
				</figure>
				<div class="list-text">
					<p class="person-name">Jordi Miró</p>
					<p class="person-role">Catedràtico en psicologia en la URV y Responsable del grupo ALGOS</p>
				</div>
			</li>

		</ul>
	</section>
	<p>24, 25 i 26 de Septiembre <a href="http://smashingmagazine.com">organiza Algos:grupo URV sobre dolor crónico infantil</a>.</p>
</footer><!-- /#contentinfo -->



    {% block js %} {% endblock %}
  </body>
</html>
